﻿@model NavKet.Models.VW_ItemDetails

@{
    ViewBag.Title = "Index";
}
        
        <div id="Main" class="grid_11">
        	<h1>@Model.ItemName</h1>
        	<div id="ProductGallery" class="grid_8 alpha">
            	<img src="/Content/pics/@Model.ItemMainImage" />
                <div>
                @foreach ( var item in @ViewBag.ItemImages )
                {
                    <li><a href="#"><img src="/Content/pics/@item" /></a></li>
                }
                
                </div>
            </div> <!--End ProductGallery-->
            <div id="ProductPrice" class="grid_3 omega">
            	<h2>Price</h2>
                <span>@Model.ItemPrice</span>

                <a href="#" class="Follow">@Model.numberOfLikes like</a>
                <a href="#" class="Follow">Like This Item</a>
            </div> <!--End ProductPrice-->
            
            <div id="ProductDetails" class="grid_11 alpha">
            	<p>@Model.ItemInformation</p>
            </div> <!--End ProductDetails-->
            
            <div id="Line" class="grid_11 alpha"></div> <!--End Line-->
            
     
        </div> <!--End Main-->
        
            <div id="SideBar" class="grid_5">
        	<div id="GoogleMap">
            	<h3>How to go there</h3>
                <div>
                	<img src="/Content/images/map.jpg" />
                </div>
            </div> <!--End GoogleMap-->
            
            <div id="OtherStores">
            	<h3>Can be found also in</h3>
            	<a href="#"><img src="/Content/images/9988RadioShack-Dealer-Logo-in-color,-122k.jpg" />9,500 EGP</a>
                <a href="#"><img src="/Content/images/CompuMe-Logo-2.JPG" />9,000 EGP</a>
                <a href="#"><img src="/Content/images/Virgin-Logo.jpg" />9,850 EGP</a>
            </div> <!--End OtherStores-->
        </div> <!--End SideBar-->


